<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="../../template.xhtml">

        <ui:define name="title">
            <h:outputText value="#{myBundle.AppName}"></h:outputText>
        </ui:define>
        
        <ui:define name="body" >                        
            
            <h:form id="frmdetpost">                   
                <p:dataTable id="datatableid" style="font-size: 13px;"
                             var="postul" 
                             rowIndexVar="index"
                             emptyMessage="No hay Idiomas Postulaciones Registradas" 
                             value="#{postulacionController.getLpostulacion(usuarioSesionMB.usuario.personaList.get(0))}" 
                             paginator="true" 
                             paginatorPosition="bottom"
                             rows="10"  
                             paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                             rowsPerPageTemplate="5,10,15">  
                    <p:column headerText="N°" style="width: 15px;">  
                        #{index+1}
                    </p:column>                    
                    <p:column headerText="Fecha de Registro" filterBy="#{postul.fechahora}" filterMatchMode="contains" style="width: 15%;">  
                        <h:outputText value="#{postul.fechahora}">
                            <f:convertDateTime pattern="dd-MM-yyyy HH:mm:ss"/>
                        </h:outputText>  
                    </p:column>                        
                    <p:column headerText="Puesto" filterBy="#{postul.idPublicacion.idTipoCargo.nombre}" filterMatchMode="contains" style="white-space:pre-line;">  
                        <h:outputText value="#{postul.idPublicacion.idTipoCargo.nombre}"/>
                    </p:column>                    
                    <p:column headerText="Descripción" style="white-space:pre-line;"> 
                        <h:outputText value="#{postul.idPublicacion.idEmpresa.nombre}" style="font-weight: bold;"/>:<br/>
                        <h:outputText value="#{postul.idPublicacion.descripcion}"/>
                    </p:column>
                    <p:column style="width:10%; text-align: center" headerText="Opciones">
                        <p:commandButton actionListener="#{verPostulacionlMB.DetallarPostulacion(postul.idPublicacion)}"
                                         icon="ui-icon-search"
                                         oncomplete="dlgDetallePostul.show();"
                                         update=":frmDetPublicacion"
                                         title="Editar Estudio Realizado"/>                                            
                    </p:column>   
                </p:dataTable><br/><br/>                        
            </h:form>
            
        </ui:define> 
        
        <ui:define name="dialog" >
            <h:form id="frmDetPublicacion">
 
                
                <p:dialog header="Detalle de postulación" widgetVar="dlgDetallePostul" resizable="false" id="dlgDetallePostul" modal="true" width="650" height="500">                

                    <p:commandButton value="Imprimir" type="button" icon="ui-icon-print">  
                        <p:printer target="panel" />  
                    </p:commandButton><br/><br/>                     
                    
                    <p:panel header="#{verPostulacionlMB.publicacion.idEmpresa.nombre}" id="panel">
                        <p:panelGrid style="margin:0 auto;">                               
                            <p:row>
                                <p:column styleClass="tdlavel"><h:outputText value="Área:"/></p:column>
                                <p:column>
                                    <h:outputText value="#{verPostulacionlMB.publicacion.idTipoCargo.idAreaEmpresa.nombre}"/>                        
                                </p:column>
                            </p:row>   
                            <p:row>
                                <p:column styleClass="tdlavel"><h:outputText value="Cargo:"/></p:column>
                                <p:column>
                                    <h:outputText value="#{verPostulacionlMB.publicacion.idTipoCargo.nombre}"/>                        
                                </p:column>
                            </p:row> 
                            <p:row>
                                <p:column styleClass="tdlavel" style="width: 20%"><h:outputText value="Descrición de Plaza:"/></p:column>
                                <p:column style="width: 50%;white-space:pre-line;">
                                    <h:outputText value="#{verPostulacionlMB.publicacion.descripcion}"/>                        
                                </p:column>
                            </p:row>                         
                            <p:row>
                                <p:column styleClass="tdlavel"><h:outputText value="Salario desde:"/></p:column>
                                <p:column>
                                    <h:outputText value="#{verPostulacionlMB.publicacion.salarioDesde}"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column styleClass="tdlavel"><h:outputText value="Salario hasta:"/></p:column>
                                <p:column>
                                    <h:outputText value="#{verPostulacionlMB.publicacion.salarioHasta}"/>
                                </p:column>
                            </p:row>                        
                            <p:row>
                                <p:column styleClass="tdlavel"><h:outputText value="Fecha de Registro:"/></p:column>
                                <p:column>
                                    <h:outputText value="#{verPostulacionlMB.publicacion.fechaReg}">
                                      <f:convertDateTime type="date" pattern="dd-MM-yyyy"/>
                                    </h:outputText>
                                </p:column>
                            </p:row>                        
                        </p:panelGrid> 
                        <br/><br/>

                        <h:form>  
                            <p:dataTable var="det" 
                                         value="#{verPostulacionlMB.publicacion.detallePublicacionList}"
                                         style="width: 70%;margin:0 auto;"
                                         rowIndexVar="rowIndex">  
                                <p:column headerText="N°" style="width: 10%;text-align: center">  
                                    <h:outputText value="#{rowIndex+1}" />  
                                </p:column>                            
                                <p:column headerText="Requerimientos Para la Plaza:">  
                                    <h:outputText value="#{det.descripcion}" />  
                                </p:column>                            
                            </p:dataTable>  
                        </h:form> 
                        <br/><br/>

                        <p:panel header="Forma de Contacto" style="width: 70%;margin:0 auto;">
                            <p:panelGrid>
                                <p:row>
                                    <p:column styleClass="tdlavel"><h:outputText value="Empresa:"/></p:column>
                                    <p:column>
                                        <h:outputText value="#{verPostulacionlMB.publicacion.idEmpresa.nombre}"/>                        
                                    </p:column>
                                </p:row>   
                                <p:row>
                                    <p:column styleClass="tdlavel"><h:outputText value="Razón Social:"/></p:column>
                                    <p:column>
                                        <h:outputText value="#{verPostulacionlMB.publicacion.idEmpresa.razonSocial}"/>                        
                                    </p:column>
                                </p:row>                            
                            </p:panelGrid>  
                            <br/><br/>
                            
                            <p:dataTable value="#{verPostulacionlMB.publicacion.idEmpresa.contactoEntidadList}" 
                                         var="contac" style="width: 90%;margin:0 auto;">
                                <p:column styleClass="tdlavel" width="20%" headerText="Contacto">
                                    <h:outputText value="#{contac.idTipoContacto.nombre}"/>
                                </p:column>
                                <p:column headerText="Referencia">
                                    <h:outputText value="#{contac.valor}" style="white-space:pre-line;"/>                        
                                </p:column>
                            </p:dataTable>   
                        
                        </p:panel>
                    </p:panel>                        
                </p:dialog>            
            </h:form>                    
        </ui:define>
        
    </ui:composition>
</html>